export const createComponentsDtsTemplate = (components = []) => {
  const createLine = (name) => {
    return `    readonly ${name}: UnwrapRef<typeof import("thui-design-vue3")["${name}"]>;`;
  };
  const lines = components.reduce((previousValue, name) => {
    const capitalizedName = name.charAt(0).toUpperCase() + name.slice(1);
    return previousValue + createLine(capitalizedName) + "\n";
  }, "");
  return `// @ts-nocheck
import { UnwrapRef } from "vue";

export {};
declare module "vue" {
  interface GlobalComponents {
${lines}
  }
}`;
};
